<template>
	<div>
		<h1>子组件属性</h1>
		<h1>{{ hello }}</h1>
		<p>number is {{ number }}</p>
		<button @click="showNumber">show number</button>
		<p>number-to-do transfer to numberToDo = {{ numberToDo }}</p>
		<p>my-value = {{ myValue }}</p>
	</div>
</template>

<script>
	export default {
		props: {
			number: {},
			'my-value': [Number, String],
			'number-to-do': [Number, String]
		},
		data () {
			return {
				hello: 'i am component 006c'
			}
		},
		methods: {
			showNumber () {
				alert(this.number)
			}
		}
	}
</script>

<style>
	
</style>